import styled from "styled-components";

export const Wrapper = styled.div`
  height: 100%;
  position: relative;

  .toolkits-controller {
    height: 32px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid hsl(var(--border));
  }

  .quick-message-list {
    height: calc(100% - 53px);
    overflow: auto;

    .filter-tip {
      font-size: 10px;
      text-align: center;
      padding: 4px;
      background: lightblue;
    }
  }
`;
